/********************
*   Mobile Styles   *
********************/

@media only screen and (min-width: 400px) {
	
	.ui-btn-icon-notext {
		
		height: 3em;
		width: 3em;
	}
	
	.ui-footer .ui-btn-icon-notext
	{
		height: 3em;
		width: 3em;	
		padding-left:1em;
		padding-right:1em;
	}

}

	
/*****************************
*   Customize jQuery Mobile  *
*****************************/

.ui-field-contain {
    margin-top:0!important;
    margin-bottom:0!important;  
}

.ui-input-search {
    margin-top:0!important;
    margin-bottom:0!important;  
}


/*****************************
*   HTML                     *
*****************************/

body{
  background:#f3f3f3;
  margin:0;
  padding:0;
  font-family: 'Helvetica', 'Arial', sans-serif;
}

#header, #body{
  width:100%;
  margin:0 auto;
}
#body{
  margin:10px auto;
}

#header a{
  color:#000;
}
#header a:hover{
  text-decoration:none;
}

h1{
  font-family: 'Convergence';
  font-size: 95px;
  text-align: center;
  /*letter-spacing: -6px;*/
  margin: 8px 0;
  text-shadow: 0 0 1px #000;
}
h2{
  font-family:'Bitter';
  font-size:20px;
  font-weight:normal;
  color:#5588bb;
  text-shadow: 0 0 1px #5588bb;
  text-align:center;
  margin: 6px 0;
  text-transform:lowercase;
}

h3{
  margin:8px 0;
}

h4{
  margin:6px 0;
}

a{
  color: #5588bb;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

p.big{
  font-family:'Droid Sans';
  font-size:24px;
  color:#333;
}
p.centered{
  text-align:center;
}


/*****************************
*   Maps                     *
*****************************/

#map {
  height:25em;
  background:#6699cc;
}

.place_marker {
  width: 10em;
}

.place_marker p {
  margin: 0;
}

.marker_car {
	background: transparent url('images/car.jpg') no-repeat scroll;
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	height: 40px;
	overflow: hidden;
}

.marker_facebook {
	background: transparent url('images/facebook.jpg') no-repeat scroll;
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	height: 40px;
	overflow: hidden;
}

.marker_walk {
	background: transparent url('images/walk.jpg') no-repeat scroll;
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	height: 40px;
	overflow: hidden;
}

.popin{
  background:#fff;
  padding:5px;
  box-shadow: 0 0 10px #999;
  border-radius:2px;
}

.row{
  margin:0;
}

.row{zoom:1;margin-left:0px;}.row:before,.row:after{display:table;content:"";zoom:1;}
.row:after{clear:both;}
.row>[class*="span"]{display:inline;float:left;margin-left:0px;margin-right:0px}
.span_full{width:100%; height:100%; }

/*****************************
*   Search Popup             *
*****************************/

.mondelez_img{
	width:2em;	
}

.icon_search_popup {
    width: 1.3em;
    height: 1.3em;
    padding-right: 0.3em;
    padding-left: 0.3em;
    vertical-align: bottom;
}

.icon_info {
    width: 1.5em;
    height: 1.5em;
    padding-right: 0.5em;
    padding-left: 0.3em;
    vertical-align: bottom;
}

#popup_network_connection {
    height: : 50%;
    padding: 1em;
}

/*****************************
*   FIFA's Fixture           *
*****************************/
   
.flagsp {
display: inline-block;
vertical-align: middle;
width: 19px;
height: 13px;
overflow: hidden;
background: transparent url('images/Fifa2014/flagsp.png') no-repeat scroll;
border: 1px solid #CCC;
}

.flagsp_bra {
background-position: -171px -26px;
}

.flagsp_cro {
background-position: -152px -52px;
}

.flagsp_mex {
background-position: -171px -143px;
}

.flagsp_cmr {
background-position: -19px -52px;
}

.flagsp_esp {
background-position: -57px -78px;
}

.flagsp_ned {
background-position: -76px -169px;
}

.flagsp_chi {
background-position: -152px -39px;
}

.flagsp_aus {
background-position: -38px -13px;
}

.flagsp_col {
background-position: -76px -52px;
}

.flagsp_gre {
background-position: -114px -91px;
}

.flagsp_civ {
background-position: -0px -52px;
}

.flagsp_jpn {
background-position: -114px -117px;
}

.flagsp_uru {
background-position: -133px -247px;
}

.flagsp_crc {
background-position: -133px -52px;
}

.flagsp_eng {
background-position: -0px -78px;
}

.flagsp_ita {
background-position: -57px -117px;
}

.flagsp_sui {
background-position: -76px -221px;
}

.flagsp_ecu {
background-position: -152px -65px;
}

.flagsp_fra {
background-position: -152px -78px;
}

.flagsp_hon {
background-position: -76px -104px;
}

.flagsp_arg {
background-position: -133px -0px;
}

.flagsp_bih {
background-position: -76px -26px;
}

.flagsp_irn {
background-position: -171px -104px;
}

.flagsp_nga {
background-position: -114px -169px;
}

.flagsp_ger {
background-position: -57px -91px;
}

.flagsp_por {
background-position: -0px -195px;
}

.flagsp_gha {
background-position: -76px -91px;
}

.flagsp_usa {
background-position: -152px -247px;
}

.flagsp_bel {
background-position: -152px -13px;
}

.flagsp_alg {
background-position: -76px -0px;
}

.flagsp_rus {
background-position: -114px -195px;
}

.flagsp_kor {
background-position: -0px -130px;
}

.td_bold {
	font-weight:bold;
}

.stadium_img {
	width:100%;
	height: auto;	
}

#fixture_stadium_popup{
  position:fixed;
  top:0.1em;
  width:90%;
}

#match_table {
	
	width: 90%;
	margin: 0 auto;
}

#match_table thead th {
	
	text-align:left;
}

#fixture_container{
	width: 90%;
	margin: 0 auto;
}

.td_local {
	text-align:left;
	font-weight:bold;
	width:35%;
}

.td_result{
	text-align:center;
	font-weight:bold;
	min-width: 10%;
}

.td_visitor{
	text-align:right;
	font-weight:bold;
	width:35%;
}   
   
.line-separator{
	height:1px;
	background:#717171;
	border-bottom:1px solid #313030;
}   

#leftpanel_home, #leftpanel_settings, #leftpanel_info, #leftpanel_fixture, #leftpanel_company {
	background-color: rgb(60, 54, 88);
}



/*
.btn{
  color:#fff;
  text-decoration:none;
  padding:10px 20px;
  margin:0 2px;
  border-radius:3px;
  border-top:#4c82b7 solid 1px;
  border-left:#4c82b7 solid 1px;
  border-bottom:#3e6d9c solid 1px;
  border-right:#3e6d9c solid 1px;
  background:#4477aa;
  background-image: linear-gradient(bottom, rgb(59,104,149) 50%, rgb(68,119,170) 100%);
  background-image: -o-linear-gradient(bottom, rgb(59,104,149) 50%, rgb(68,119,170) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(59,104,149) 50%, rgb(68,119,170) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(59,104,149) 50%, rgb(68,119,170) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(59,104,149) 50%, rgb(68,119,170) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.5, rgb(59,104,149)),
    color-stop(1, rgb(68,119,170))
  );
}
*/